<template>
    <userinfo>
    <div class="container">
        <div class="row">
             <div class="col s12 m12">
    <h5 class="header">基本信息</h5>
    <div class="card horizontal">
      <div class="card-image">
        <img style="height: 220px" :src="API_ROOT+'/ico/' + user.Avatar">
      </div>
      <div class="card-stacked">
        <div class="card-content">
            <div class="col s4 m4 l4">姓名：</div>
            <div class="col s8 m8 l8">{{user.Name}}</div>
           <div class="col s4 m4 l4"> 昵称：</div>
            <div class="col s8 m8 l8">{{user.NickName}}</div>
             <div class="col s4 m4 l4"> 国家:</div>
            <div class="col s8 m8 l8">{{user.Country}}</div>
         <div class="col s4 m4 l4"> 手机号:</div>
            <div class="col s8 m8 l8">{{user.Phone}}</div>
         <div class="col s4 m4 l4"> 身份证:</div>
            <div class="col s8 m8 l8">{{user.IDCard}}</div>
        </div>
        <div class="card-action">
          <a href="#">编辑</a>
        </div>
      </div>
    </div>
  </div>

               <div class="col s12 m12">
    <h5 class="header">地址</h5>
    <div class="card horizontal">
      <div class="card-stacked">
        <div class="card-content">

  <table>
        <thead>
          <tr>
              <th data-field="id">国家</th>
              <th data-field="name">地址</th>
             
              <th data-field="price">操作</th>
          </tr>
        </thead>

        <tbody>
          <tr>
            <td>中国</td>
            <td>重庆市渝中区大溪沟人和街58号9-7</td>
            <td><a>编辑</a></td>
          </tr>
          <tr>
            <td>美国</td>
            <td>new,Jellybean</td>
            
          </tr>
          <tr>
            <td>日本</td>
            <td>Lollipop</td>
           
          </tr>
            <tr>
            <td>韩国</td>
            <td>Lollipop</td>
      
          </tr>
        </tbody>
      </table>
      </div>
    </div>
  </div>
          


          
        </div>
    </div>
    </userinfo>
</template>
<script>
    import {
        mapGetters,
        mapActions
    } from 'vuex'
    import {
        API_ROOT
    } from '../config'
    export default {
        data() {
                return {
                    user: {},
                    API_ROOT
                }

            },
            computed: mapGetters({
                user: 'currentUser'
            })
    }
</script>